@CHARSET "UTF-8";

.feed-holder {padding-top:10px;text-align:left;}
.feed-holder h3 {font-family:tahoma, mingliu;font-size:11px;color:#999;padding:3px 0;border-bottom:1px solid #ccc;margin-bottom:4px;}
.feed-story {padding:10px 0;}
.feed-content .title .date {display:none;}

.news-feed .feed-content {width: 530px;}
.news-feed .feed-content .headline .title{width:530px;}
.news-feed .feed-content .headline .title h4 {width:460px; overflow:hidden;}

.more-feed {padding:6px 0 6px;text-align:right;}
.more-feed .mark-read {float:left;}
.more-feed .mark-read a {color:#808080;}

.more-feed-abox{ display:block; padding:10px 0; text-align:center;}
.more-feed-abox:hover{ background-color:#f7f7f7; text-decoration:none;}
.more-feed-abox h1.feedcollapse{ margin-bottom:3px; background:url(/imgpro/icons/feedcollapse.gif) no-repeat 215px 2px;}
.more-feed-abox .gray{ color:#808080;}

.feed-icon {float: left;font-size:1px;line-height:1px;width:16px;padding-top:12px;}
.feed-content {float: right;padding: 12px 0;border-bottom:1px solid #eceff5;}
.feed-content .headline .title {display: inline;float: left;}
.feed-content .headline .title h4 {font-weight: normal;font-size: 12px;color: #333;}
.bold-feed .feed-content .headline .title h4 {font-weight:bold;}
.feed-content .headline .title .share-n-hide {float: right;}
.feed-content .headline .title .share-n-hide .mini-share {float:left;margin:0 2px 0 0; }
.feed-content .headline .title .share-n-hide .x-to-hide {float:left;}
.feed-content .feedbody {padding: 4px 0 5px;color: #808080;width:500px;}
.feed-content .feedbody h5{font-size: 12px;color:#333;}
.feed-content .feedbody .dark {color:#555;}
.feed-content p.quote {clear:both;margin:2px 0 2px;}

.feed-guide {margin-top:10px;display:none;}
.feed-guide a, .feed-guide a:visited {background:#fff9d7;color:#666;display:block;border-left:5px solid #fde045;padding:2px 10px;}
.feed-guide a:hover{background:#fff6c6;text-decoration:none;color:#333;}
.playmedia, .media-player {margin:5px 0 0;}
.playmedia .pl-btn {display:block;text-indent:-9999em;outline:0;}
.media-player {display:none;}
.playing .feed-content {padding:5px 0 0;}
.playing .feed-guide {display:block;}
.playing .playmedia {display:none;}
.playing .media-player {display:block;}

.comment-feed {margin:10px 0 0;clear:both;}
.sub-title h5 {font-weight:normal;margin-bottom:5px;}

.mini-cmtbox {padding:6px 0 0;background:url(/imgpro/box/box_bg.gif) no-repeat;}
.mini-cbody {background:#eceff5;padding:8px;}
.cmts-list {margin-bottom:10px;}
.mini-cmt {color:#333;margin:0 0 5px;line-height:1.2em;}
.mini-cmt .time {margin:0 5px;}
.mini-cmt .x-to-hide {display:inline-block;position:relative;top:1px;}
.mini-cbody textarea {width:476px;height:32px;}
.mini-cbody .err-msg {color:red;}
.mini-cfooter {padding:3px 0 0;}
.mini-cfooter input {margin-left:4px;}
.mini-cfooter .status-count {font-size:10px;font-weight:bold;}
.mini-cfooter .status-count.full {color:red;}

/* Type */
.text-story .feed-content {line-height:1.5em;}
.text-story .feed-content .feedbody {padding:2px 0;}

.photos-story .feed-content .photo-box {padding:4px 0 6px;}
.photos-story .feed-content .photo-box a {border: 1px solid #ccc;display: block;float:left;margin-right:10px;}
.photos-story .feed-content .photo-box a:hover {border: 1px solid #3b5888;}
.photos-story .feed-content .photo-box img {padding: 3px;}
.photos-story .feed-content .feedbody p {line-height:1.5em;}

.media-story .feed-content .feedbody {padding-top:5px;}
.media-story .feed-content .feedbody p {line-height:1.5em;}

.img-quote .feed-content .photo-box a {float:left;margin-right:10px;}
.img-quote .feed-content p.quote {clear:none;float:left;width:30em;line-height:1.5em;}

.people-u-mayknow .feed-content .headline .title h4{display:block}
/* Category */
.feed-status .toggle {color:#808080;}
.feed-blog .relate-usr {padding-top:5px;}

.share-music .playmedia .pl-btn {width:102px;height:29px;background:url(/imgpro/media/p_m.png) no-repeat;}
.share-music .playmedia .pl-btn:hover {background-position:0 -29px;}
.share-video .playmedia .video-img {float:left;margin:0 10px 10px 0;}
.share-video .playmedia .pl-btn {width:120px;height:90px;background-repeat:no-repeat;background-position:center center;}
.share-video .playmedia .pl-btn span {cursor:pointer;display:block;height:28px;width:38px;background:url(/imgpro/media/p_btn.png) no-repeat;margin:0 auto;position:relative;top:29px;}
.share-video .playmedia .pl-btn:hover span {background-position:0 -28px;}

.feed-movie .star-rating, .share-movie .star-rating {left:-1px;margin:2px 0 5px;}
.feed-movie .photo-box img {width:70px;}
.feed-flyer {background:#f7f7f7;position:relative;top:-1px;margin:0 -5px;padding:0 5px;border:solid #eceff5;border-width:1px 0;}
.feed-flyer .feed-content {border:0;}
.feed-im .feedbody {line-height:1.5em;padding:6px 0 5px;}

.status-holder {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #d8dfea;}
.status-holder .actor-img a {float:left;margin-right:10px;display:block;background-position:center center;background-repeat:no-repeat;width:45px;height:45px;}
.status-content {float:left;width:480px;}
.status-content h4{margin-bottom:2px;}
.status-content p {line-height:1.5em;font-size:14px;}
.status-content p span,
.status-content p a {font-size:12px;}
.status-holder .share-n-hide {float:right;}
.status-holder .mini-cmtbox {margin-left:55px;}
.status-holder .mini-cbody {width:484px;}

/* Simple Mode */
.news-feed .s-mode .feedbody {display:none;}
.news-feed .s-mode .newsfeed-actions .share,
.news-feed .s-mode .feed-guide,
.news-feed .s-mode .comment-feed{display:none;}
.news-feed .s-mode .upload-avatar .feedbody,
.news-feed .s-mode .upload-photo .feedbody,
.news-feed .s-mode .feed-status .feedbody {display:block;}
.news-feed .s-mode .upload-avatar .feedbody img,
.news-feed .s-mode .upload-photo .feedbody img {clip:rect(auto 53px 53px auto);position:absolute;width:75px;}
.news-feed .s-mode .upload-avatar .feedbody .photo-box a,
.news-feed .s-mode .upload-photo .feedbody .photo-box a {width:56px;height:56px;float:left;}
.news-feed .s-mode .feed-flyer,
.news-feed .s-mode .feed-sponsor-poll {display:none;}

/* Filter & Ranking *we should put them in Layout.css* */
.feed-header {border-bottom:1px solid #d3dae8;padding-left:8px;}
.feed-filter {float:left;margin-bottom:-1px;}
.feed-filter li {float:left;margin:3px 3px 0 0;}
.feed-filter li a {outline:0;display:block;padding:4px 10px;background:#d8dfea;font-size:12px;font-weight:bold;}
.feed-filter li a:hover {background:#3b5888;color:#fff;text-decoration:none;}
.feed-filter li.current {border:1px solid #d8dfea;border-bottom:none;margin-top:0;}
.feed-filter li.current a {color:#333;font-size:14px;background:#fff;cursor:text;}
.feed-filter li.current a:hover {background:#fff;color:#333;}
.feed-filter li.extra-feed a {padding:4px 0;width:25px;background-image:url(/imgpro/arrow/feed_filter_drop.gif);}
.feed-filter li.extra-feed a:hover {background-position:0 23px;}
.filter-view .headline .title .x-to-hide {}
.filter-loading {background:url(/imgpro/indicator/blue_large.gif) no-repeat center 25px;padding:70px 0 30px;font-size:14px;text-align:center;color:#666;}
.view-mode {float:right;margin-top:6px;}
.view-mode a.current {color:#333;font-weight:bold;cursor:text;text-decoration:none;}